.container{
    width:100%;
    height:100%;
    background:#fff;
    color:#333;
    position: relative;
}
.container .header{
    width:100%;
    height:0.6rem;
    background:#28D893;
    padding:0.1rem;
    position: relative;
}
.header > dt{
    width: 0.2rem;
    height:0.4rem;
    float:left;
    color:#fff;
    font-size: 0.13rem;
}
.header .way{
    width:2.4rem;
    height:0.4rem;
    float:left;
    margin:0 0.2rem 0 0.05rem;
    border-radius: 5px;
    font-size: 0.13rem;
    line-height: 0.4rem;
    padding:0 0.3rem 0 0.1rem;
    position: relative;
    background:#fff url("/assets/home/images/arrow.png") no-repeat 96% center/0.16rem;
}
.header > ul{
    width:2.4rem;
    height:auto;
    max-height: 2.5rem;
    overflow-y: scroll;
    position: absolute;
    top:0.55rem;
    left:0.35rem;
    z-index: 20;
    background:#fff;
    border-radius: 5px;
    padding:0.05rem 0.1rem;
    display: none;
    border:1px solid #e8e8e8;
}
.header > ul > li{
    width:100%;
    height:0.3rem;
    line-height: 0.3rem;
    font-size: 0.13rem;
}
.header > dd{
    width: 0.7rem;
    height:0.4rem;
    float:left;
    background:#fff;
    border-radius: 5px;
    color:#28D893;
    font-size: 0.13rem;
    text-align: center;
    line-height: 0.4rem;
}
.list-box{
    width:94%;
    height:auto;
    background:#fff;
    color:#333;
    position: absolute;
    left:3%;
    top:0.6rem;
    margin:auto;
    z-index: 20;
    border-radius: 5px;
    border:1px solid #E8E8E8;
    display: none;
}
.list-box:before{
    width:0;
    height:0;
    position: absolute;
    content:'';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #E4E4E4;
    top:-7px;
    right:0.25rem;
}
.title-box{
    width:100%;
    height:0.5rem;
    display: flex;
    flex-direction: row;
    background:#E4E4E4;
}
.title-box dd{
    flex:1;
    line-height: 0.5rem;
    font-size: 0.15rem;
    text-align: center;
}
.order-list{
    width:100%;
    height:auto;
    max-height: 4rem;
    overflow-y: scroll;
}
.order-box{
    width:100%;
    height:auto;
    border-bottom: 1px solid #E6E6E6;
    padding:0.05rem 0;
}
.order-box ul{
    display: block;
}
.order-box ul li{
    width:100%;
    height:0.3rem;
    display: flex;
    flex-direction: row;
}
.order-box ul li.on{
    color:#FE0606;
}
.order-box ul li.off{
    color:#686868;
}
.order-box ul li dd{
    flex:1;
    line-height: 0.3rem;
    font-size: 0.13rem;
    text-align: center;
}
.order-box ul li dt{
    flex:1;
    line-height: 0.3rem;
    font-size: 0.13rem;
    text-align: center;
}
.main{
    width:100%;
    height:4.6rem;
    background:#f1f1f1;
}
.every-term{
    width:100%;
    height:0.8rem;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.cur-term{
    flex:7;
    display: flex;
    flex-direction: row;
}
.term-button{
    width:0.25rem;
    height:0.25rem;
    background:#28D893 url("/assets/home/images/pulldown .png") no-repeat center center/0.16rem;
    border-radius: 5px;
    margin:0.25rem 0.1rem 0.25rem 0;
}
.term-info{
    flex:6;
}
.term-info p{
    padding-left: 0.1rem;
    line-height: 0.2rem;
    font-size: 0.12rem;
}
.term{
    width:100%;
    height:0.6rem;
    padding:0.05rem;
}
.term dl{
    width:0.25rem;
    height:0.5rem;
    float: left;
    margin-right: 0.05rem;
}
.term dl dt{
    width:0.25rem;
    height:0.25rem;
    border-radius: 100%;
    text-align: center;
    line-height: 0.25rem;
    color:#fff;
    font-size: 0.13rem;
    /*background:#29D994;*/
}
.red{
    background:#F3627C;
}
.blue{
    background:#4870B7;
}
.green{
    background:#29D994;
}
.term dl dd{
    line-height: 0.2rem;
    color:#333;
    font-size: 0.13rem;
    text-align: center;
}
.term-list{
    width:100%;
    height:auto;
    max-height: 4rem;
    position: absolute;
    top:0.8rem;
    left:0;
    z-index: 20;
    background:#fff;
    display: none;
    border-bottom: 1px solid #A6A6A6;
    overflow: hidden;
}
.term-list .title-box dd:nth-of-type(1){
    flex:1;
}
.term-list .title-box dd:nth-of-type(2){
    flex:2;
}
.term-list:before{
    width:0;
    height:0;
    position: absolute;
    content:'';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #E4E4E4;
    top:-7px;
    left:1.2rem;
}
.all-term{
    width:100%;
    height:auto;
    max-height:2.4rem;
    overflow: hidden;
    background:#fff;
}
.repair{
    height:4rem;
    overflow-y: scroll;
}
.term-list p{
    line-height: 0.3rem;
    padding:0 0.2rem;
    font-size: 0.12rem;
    color:#A6A6A6;
    background:url("/assets/home/images/packup.png") no-repeat 95% center/0.16rem;
}
.term-box{
    width:100%;
    height:0.6rem;
    display: flex;
    flex-direction: row;
}
.term-box:nth-of-type(odd){
    background:#fff;
}
.term-box:nth-of-type(even){
    background:#F7F7F8;
}
.term-date{
    flex:1;
    display: flex;
    flex-direction: row;
    padding:0.15rem 0.1rem;
}
.term-date dt{
    flex-basis: 6px;
    background:#28D893;
    margin-right: 0.1rem;
}
.term-date dd{
    flex:1;
    font-size: 0.13rem;
    line-height: 0.3rem;
}
.term-infos{
    flex:2.5;
}
.term-infos dl{
    width:0.3rem;
    height:0.6rem;
    float: left;
    margin-right: 0.03rem;
    padding:0.05rem 0;
}
.term-infos .add{
    width:0.15rem;
    height:0.6rem;
    float: left;
    margin-right: 0.03rem;
    padding:0.05rem 0;
}
.term-infos .add dt{
    width:0.15rem;
    height:0.3rem;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.13rem;
}
.term-infos dl dt{
    width:0.3rem;
    height:0.3rem;
    border-radius: 100%;
    text-align: center;
    line-height: 0.3rem;
    color:#fff;
    font-size: 0.13rem;
    /*background:#29D994;*/
}
.term-infos dl dd{
    line-height: 0.2rem;
    color:#A6A6A6;
    font-size: 0.13rem;
    text-align: center;
}
.term-time{
    flex:3;
}
.term-time dt{
    line-height: 0.2rem;
    font-size: 0.12rem;
}
.term-time dd{
    line-height: 0.4rem;
    font-size: 0.24rem;
}
.term-time dd span:nth-of-type(3){
    color:#FF3C78;
}
.current-term{
    width:100%;
    height:0.75rem;
    border-bottom: 1px solid #e8e8e8;
    padding:0 0.1rem;
}
.current-term dl{
    height:0.4rem;
    display: flex;
    flex-direction: row;
}
.current-term dl dt{
    flex:5.5;
    line-height: 0.4rem;
    font-size: 0.13rem;
}
.current-term dl dd{
    flex:4.5;
}
.current-term dl dt span{
    color:#ff5a6e;
    margin:0 0.04rem;
}
.current-term dl dd button{
    width:0.69rem;
    height:0.3rem;
    color:#fff;
    border:none;
    border-radius: 5px;
    background:#28D893;
    float:left;
    margin-left: 0.1rem;
    margin-top: 0.05rem;
    padding:0 4px;
    font-size: 0.12rem;
}
.current-term p{
    color:#ff5a6e;
    font-size: 0.12rem;
    line-height: 0.15rem;
}
.detail-box{
    width:100%;
    height: auto;
    overflow: hidden;
    /*padding:0.05rem;*/
    /*margin:0.05rem 0;*/
}
.detail-box > div{
    display: none;
}
.detail-box .first-detail{
    width:100%;
    height: 100%;
    overflow-y: scroll;
    display: block;
    background:#fff;
}
.first-detail dl{
    width:0.42rem;
    height: 0.55rem;
    float:left;
    margin:0.05rem;
}
.first-detail dl dt{
    width:0.35rem;
    height: 0.35rem;
    margin:0 auto;
    border-radius: 50%;
    border:1px solid #e8e8e8;
    text-align: center;
    line-height: 0.35rem;
    font-size: 0.13rem;
    color:#999999;
}
.first-detail dl.selected dt{
    background:#FF3366;
    border:1px solid #FF3366;
    color:#fff;
}
.first-detail dl dd{
    width:0.4rem;
    height: 0.2rem;
    text-align: center;
    line-height: 0.2rem;
    font-size: 0.12rem;
    color:#999999;
}
.second-detail{
    width:100%;
    height: 100%;
    overflow-y: scroll;
}
.sd-left{
    width: 0.6rem;
    height:1rem;
    padding:0.4rem 0.1rem;
    float:left;
}
.sd-left dd{
    width:0.4rem;
    height:0.3rem;
    line-height: 0.3rem;
    background:#28D893;
    font-size: 0.13rem;
    color:#fff;
    border-radius: 5px;
    text-align: center;
}
.sd-right{
    width:3rem;
    height:auto;
    float:left;
    padding:0.1rem;
}
.sd-right dl{
    width:100%;
    height:0.9rem;
    background:#fff;
    border-radius: 5px;
    padding:0.1rem;
}
.sd-right dl dt{
    width:100%;
    height:0.3rem;
    line-height: 0.3rem;
    font-size: 0.13rem;
    text-align: center;
}
.sd-right dl dd{
    width:0.2rem;
    height:0.2rem;
    float:left;
	margin:0.025rem;
	border-radius: 50%;
    line-height: 0.2rem;
    font-size: 0.12rem;
    text-align: center;
}
.sd-right p{
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.12rem;
}
.sd-right dl:nth-of-type(1){
    color:#F3627C;
}
.sd-right dl:nth-of-type(1) dd.active{
	color:#fff;
	background:#F3627C;
}
.sd-right dl:nth-of-type(2){
    color:#4870B7;
}
.sd-right dl:nth-of-type(2) dd.active{
	color:#fff;
	background:#4870B7;
}
.sd-right dl:nth-of-type(3){
    color:#28D893;
}
.sd-right dl:nth-of-type(3) dd.active{
	color:#fff;
	background:#28D893;
}
.third-detail{
    width:100%;
    height: 100%;
    overflow-y: scroll;
}
.td-left{
    width: 0.6rem;
    height:1rem;
    padding:0.25rem 0.1rem;
    float:left;
}
.td-left dt{
    width:0.4rem;
    height:0.3rem;
    line-height: 0.3rem;
    background:#28D893;
    font-size: 0.13rem;
    color:#fff;
    border-radius: 5px;
    text-align: center;
}
.td-left dd{
    width:0.4rem;
    height:0.3rem;
    line-height: 0.3rem;
    font-size: 0.12rem;
    text-align: center;
}
.td-right{
    width:3rem;
    height:auto;
    float:left;
    padding:0.1rem;
}
.td-right dl{
    width:0.6rem;
    height:0.6rem;
    margin:0.1rem 0.15rem;
    float: left;
}
.td-right dl dt{
    height:0.4rem;
    background:#fff;
    border-radius: 5px;
    color:#BA3213;
    font-size: 0.13rem;
    line-height: 0.4rem;
    text-align: center;
}
.td-right dl.curr dt{
	background:#BA3213;
	color:#fff;
}
.td-right dl dd{
    height:0.2rem;
    border-radius: 5px;
    color:#9a9a9a;
    font-size: 0.12rem;
    line-height: 0.2rem;
    text-align: center;
}
.forth-detail{
    width:100%;
    height: 100%;
    overflow-y: scroll;
}
.fh-left{
    width: 0.6rem;
    height:1rem;
    padding:0.25rem 0.1rem;
    float:left;
}
.fh-left dt{
    width:0.4rem;
    height:0.3rem;
    line-height: 0.3rem;
    background:#28D893;
    font-size: 0.13rem;
    color:#fff;
    border-radius: 5px;
    text-align: center;
}
.fh-left dd{
    width:0.4rem;
    height:0.3rem;
    line-height: 0.3rem;
    font-size: 0.12rem;
    text-align: center;
}
.fh-right{
    width:3rem;
    height:auto;
    float:left;
    padding:0.1rem;
}
.fh-right dl{
    width:0.6rem;
    height:0.6rem;
    margin:0.1rem 0.3rem;
    float: left;
}
.fh-right dl dt{
    height:0.4rem;
    background:#fff;
    border-radius: 5px;
    color:#BA3213;
    font-size: 0.13rem;
    line-height: 0.4rem;
    text-align: center;
}
.fh-right dl.curr dt{
	background:#BA3213;
	color:#fff;
}
.fh-right dl dd{
    height:0.2rem;
    border-radius: 5px;
    color:#9a9a9a;
    font-size: 0.12rem;
    line-height: 0.2rem;
    text-align: center;
}
.footer{
    width:100%;
    height:0.6rem;
    background:#28D893;
    display: flex;
    flex-direction: row;
    padding:0.05rem 0;
    position: absolute;
    bottom:0;
    z-index: 11;
}
.footer dt{
    flex:6;
    padding:0 0.1rem;
}
.footer dt p{
    font-size: 0.1rem;
    line-height: 0.25rem;
    word-break: break-all;
    color:#fff;
}
.footer dt p label{
    margin-right: 0.2rem;
}
.footer dt p input{
    width:0.6rem;
    border:none;
    border-radius: 3px;
    color:#333;
    text-align: center;
    margin:0 0.04rem;
}
.footer dd{
    flex:3;
}
.footer dd button{
    width:0.5rem;
    height:0.5rem;
    background:#fff;
    border-radius: 5px;
    border:none;
    color:#28D893;
    display: block;
    float:left;
    margin:0 0.03rem;
}
.layer{
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    background:rgba(0,0,0,.7);
    z-index: 10;
    display: none;
}
.bet-box{
    width:96%;
    height:2rem;
    position: absolute;
    bottom:0.7rem;
    left:2%;
    z-index: 20;
    background:#fff;
    border-radius: 5px;
    display: none;
}
.close{
    width:0.15rem;
    height:0.15rem;
    position: absolute;
    top:12px;
    right:18px;
    z-index: 31;
}
.bt-box{
    width:90%;
    height:auto;
    margin:0 auto;
}
.bt-box p{
    line-height: 0.5rem;
    font-size: 0.13rem;
}
.bt-box input{
    width:2rem;
    height:0.4rem;
    display: block;
    margin:0.1rem auto;
    border-radius: 3px;
    border:1px solid #e8e8e8;
    text-align: center;
}
.bt-box button{
    width:2.4rem;
    height:0.4rem;
    display: block;
    margin:0.3rem auto;
    border-radius: 5px;
    background:#28D893;
    color:#fff;
    border:none;
    font-size: 0.15rem;
    letter-spacing: 8px;
}